@import '../../../../common/variables.less';

.visualComponents_theme_dark{
  .el-popper{
    background-color: @background_color_dark2;
    color: @font_color_dark;
    border-color: @background_color_dark2;
  }
  &.el-popper{
    background-color: @background_color_dark2;
    color: @font_color_dark;
    border-color: @background_color_dark2;
  }
  .el-popper__arrow{
    z-index: 1;
    &::before{
      border-color: #2a4357 !important;
      background-color: @darkThemeBgColor !important;
    }
  }

}

.visualComponents_theme_real{
  .el-popper{
    background-color: #232323;
    color: @font_color_dark;
    border-color: #525252;
  }
  &.el-popper{
    background-color: #232323;
    color: @font_color_dark;
    border-color: #525252;
  }
  .el-popper__arrow{
    z-index: 1;
    &::before{
      border-color: #525252 !important;
      background-color: #232323 !important;
    }
  }

}

